<extend name="Base:main" />
<block name="title">
<title>复仇者联盟 - 单局游戏排行榜</title>
</block>
<block name="main-content">
<div class="row">
	<div class="box col-md-6">
		<div class="box-inner">
			<div class="box-header well" data-original-title="">
				<h2>
					<i class="glyphicon glyphicon-user"></i>单局游戏排行榜
				</h2>

				<div class="box-icon">
					<a href="#" class="btn btn-minimize btn-round btn-default"> <i
						class="glyphicon glyphicon-chevron-up"></i>
					</a> <a href="#" class="btn btn-close btn-round btn-default"> <i
						class="glyphicon glyphicon-remove"></i>
					</a>
				</div>
			</div>
			<div class="box-content">
				<div class="alert alert-info">用户单局游戏排行</div>
				<div class="loading col-sm-12 center">
					<img src="__PUBLIC__/img/ajax-loaders/ajax-loader-5.gif">
				</div>
				<table
					class="table table-striped table-bordered bootstrap-datatable datatable responsive"
					id="orderlist" style="display: none;">
					<thead>
						<tr>
							<th>头像</th>
							<th>昵称</th>
							<th>积分</th>
						</tr>
					</thead>
					<tbody>
						<foreach name="list" item="v">
						<tr id="row_{$v.id}">
							<td><a title="{$v.nickname}" href="{$v.headimgurl}"
								class="cboxElement"><img class="dashboard-avatar"
									src="{$v.headimgurl}" alt="{$v.nickname}"
									style="display: block;"></a></td>
							<td>{$v.nickname}</td>
							<td>{$v.gamecredits}</td>
						</tr>
						</foreach>
					</tbody>
				</table>
			</div>
			<!-- end box-content -->
		</div>
		<!-- end box-inner -->
	</div>
	<!-- end box -->
	<div class="box col-md-6">
        <div class="box-inner">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-list-alt"></i> 单局游戏排行图表</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div id="integral_flot" class="center" style="height:300px;"></div>
                <div id="integral_flot_footer" class="center"></div>
            </div>
        </div>
    </div>
</div>
<!--/row--> <!-- end row --> <!-- 删除菜单弹出框 -->
<div class="modal fade" id="myDeleteModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">删除</h4>
			</div>
			<div class="modal-body">
				<p id="sccontent" name="sccontent" style="font-size: 15px">你确定要删除该用户吗？该操作不可恢复！</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger">确定</button>
			</div>
		</div>
	</div>
</div>
</block>
<block name="js-content">
<!-- chart libraries start -->
<script src="__PUBLIC__/bower_components/flot/excanvas.min.js"></script>
<script src="__PUBLIC__/bower_components/flot/jquery.flot.js"></script>
<script src="__PUBLIC__/bower_components/flot/jquery.flot.categories.js"></script>
<!-- chart libraries end -->
<script type="text/javascript">
	var data = <?php echo json_encode($data);?>;
</script>
<script src="__PUBLIC__/js/account.js"></script>
</block>